<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://xmlns.jcp.org/jsf/html"
	  xmlns:p="http://primefaces.org/ui">
	<h:head>
        <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure.css"/>
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>Facelets Template</title>
    </h:head>
    <body>

        <ui:composition template="./template.xhtml">

            <ui:define name="menu">
				<div class="pure-menu pure-menu-open">
				<a class="pure-menu-heading" href="#">Paginas</a>                
					<ul>
						<li><a href="./faces/usuarioDetails.xhtml">usuarioDetails</a></li>															
						<li><a href="./faces/Adrees.xhtml">Adrees</a></li>															
					</ul>
				</div>
			</ui:define>
			
			<ui:define name="header">
                <h1>Banner</h1>
            </ui:define>
            <ui:define name="content">
				<h:form id="formulario1">
					<p:panelGrid id="panel1" columns="2">
						<f:facet name="header">  
        					Form Usuario  
    					</f:facet> 
						<h:outputLabel value="First Name" />
						<h:inputText id="firstName" value="#{manejoUsuariosBean.customer.firstName}" />
						
						<h:outputLabel value="Last Name" />
						<h:inputTextarea id="lastName" value="#{manejoUsuariosBean.customer.lastName}" />
						
						<h:outputLabel value="Password" />
						<h:inputSecret id="password" value="#{manejoUsuariosBean.customer.password}" />
						
						<h:outputLabel value="Email" />
						<h:inputText id="email"  />
						
						<h:outputLabel value="Password Confirmation" />
						<h:inputSecret id="PasswordConfirmation"  />
						
						<h:outputLabel value="Phone Number" />
						<h:inputTextarea id="phoneNumber" value="#{manejoUsuariosBean.customer.phoneNumber}" />
						
						<h:outputLabel value="Observaciones" />
						<h:inputTextarea id="Observaciones"  />
						
						<h:outputLabel value="Language" />
						<h:selectOneRadio id="Language" value="#{manejoUsuariosBean.customer.language}">
							<f:selectItem id="item1Language" itemLabel="Spanish" itemValue="Spanish" />
							<f:selectItem id="item2Language" itemLabel="English" itemValue="English" />
							<f:selectItem id="item3Language" itemLabel="Portuguese" itemValue="Portuguese" />
						</h:selectOneRadio>
						<h:outputLabel value="Estado Civil" />
						<h:selectOneRadio id="State" >
							<f:selectItem id="item1State" itemLabel="Casado" itemValue="Casado" />
							<f:selectItem id="item2State" itemLabel="Soltero" itemValue="Soltero" />
							<f:selectItem id="item3State" itemLabel="Union libre" itemValue="Union libre" />
						</h:selectOneRadio>
						<h:outputLabel value="Genre" />
						<h:selectOneMenu id="Genre" value="#{manejoUsuariosBean.customer.genere}">
							<f:selectItem id="item1Genre" itemLabel="Male" itemValue="Male" />
							<f:selectItem id="item2Genre" itemLabel="Femine" itemValue="Femine" />
						</h:selectOneMenu>	
						<h:outputLabel value="Pais" />
						<h:selectOneMenu id="country" value="#{manejoUsuariosBean.adress.city}">
							<f:selectItem id="item1country" itemLabel="Colombia" itemValue="Colombia" />
							<f:selectItem id="item2country" itemLabel="Otro" itemValue="Otro" />
						</h:selectOneMenu>	
						<h:outputLabel value="Date of Birth" />
						<p:calendar value="#{manejoUsuariosBean.customer.dateOfBirth}" id="dateOfBirth" />
						 
						<h:outputLabel value="Date 2" />
						<p:calendar  id="date2" />	
						 
						<h:outputLabel value="Carro" />
						<h:selectBooleanCheckbox id="car" value="#{manejoUsuariosBean.customer.car}" />
						
						<h:outputLabel value="Moto" />
						<h:selectBooleanCheckbox id="moto"  />	
						
						<f:facet name="footer">
						</f:facet> 
					</p:panelGrid>
				</h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>

